// import {defineCustomElement} from 'vue'
// import pagination from './pagination.ce.vue'

// let base = 'base-'
// customElements.define(base+pagination.name, defineCustomElement(pagination))
import {builderComponentName} from '@/components/util/component-name-builder.js'
export const businessComponentPlugin = {
	install(app, options) {
		const modules = import.meta.glob('@/components/business/**/*.vue',{ eager: true })
		// console.log('businessComponentPlugin:modules',modules);
		for (const key in modules) {
			let componentName = builderComponentName('business',key)
			app.component(componentName,modules[key].default)
		}
		
		/* const requireComponent = require.context(
		  // 其组件目录的相对路径
		  '../base',
		  // 是否查询其子目录
		  true,
		  // 匹配基础组件文件名的正则表达式
		  /[A-Za-z]+\.vue$/
		)
		console.log('requireComponent.keys()',requireComponent.keys());
		requireComponent.keys().forEach(fileName => {
		  // 获取组件配置
		  const componentConfig = requireComponent(fileName)
		
		  // 获取组件的 PascalCase 命名
		  const componentName = upperFirst(
		    camelCase(
		      // 获取和目录深度无关的文件名
		      fileName
		        .split('/')
		        .pop()
		        .replace(/\.\w+$/, '')
		    )
		  )
		
		  // 全局注册组件
		  app.component(
		    componentName,
		    // 如果这个组件选项是通过 `export default` 导出的，
		    // 那么就会优先使用 `.default`，
		    // 否则回退到使用模块的根。
		    componentConfig.default || componentConfig
		  )
		}) */
	}
}
